@charset "UTF-8";

/*----------UIPageControl-----------*/
[m-role='UIPageControl']{
	background-color:transparent;
}
[m-role='UIPageControl']>ul,[m-role='UIPageControl']>ul>li>div{
	-webkit-border-radius: 5px;
}
[m-role='UIPageControl']>dl{
}
[m-role='UIPageControl']>dl dd{
	background-color:rgba(0,0,0,0.5);
	-webkit-border-radius: 5px;
	color:#fff;
	width:8px;
	height:8px;
}
[m-role='UIPageControl']>dl dd.UIPageControlIndicatorOn{
	background-color:rgba(255,255,255,0.8);
	color:#333;
}
[m-role='UIPageControl'][m-indicator='number']>dl dd{
}
[m-role='UIPageControl'][m-indicator='text']>dl dd{
}


/*----------UIPercentBar-----------*/
[m-role='UIPercentBar']{
	background-color:transparent;
	-webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2) inset;
	-webkit-border-radius: 3px;
}
.UIPercentBarCon{
	background-color:#fff;
	-webkit-border-radius: 3px;
}
[m-role='UIPercentBar'][m-style='style-1'] .UIPercentBarCon{
	background:#4b8bd8;
	color:#fff;
}
[m-role='UIPercentBar'][m-style='style-2'] .UIPercentBarCon{
	background:#c50b0d;
	color:#fff;
}
[m-role='UIPercentBar'][m-style='style-3'] .UIPercentBarCon{
	background:#14c50b;
	color:#fff;
}
[m-role='UIPercentBar'][m-style='style-4'] .UIPercentBarCon{
	background:#ef8800;
	color:#fff;
}

[m-role='UIPercentBar']>span{
	text-shadow:  0 1px 1px rgba(255,255,255,0.5);
}
.UIPercentBarCon>span{
	text-shadow:  0 1px 1px rgba(0,0,0,0.5);
}


/*----------UIPopup-----------*/
[m-role='UIPopup']{
	background-color:#000;
	color:#ccc;
	-webkit-border-radius: 8px;
	font-size: 16px;
	word-break:break-all;
	padding: 7px 20px;
	box-shadow: 2px 2px 2px #aaa;
	font-weight: normal;
}

/*----------UIComfirm-----------*/
[m-role='UIComfirm']{
	background-color:rgba(0,0,0,0.5);
}
.UIComfirmContent{
	background-color:#fff;
	color:#333;
	-webkit-border-radius: 5px;
	padding: 0;
	min-width: 60%;
	max-width: 80%;
}
.UIComfirmContentHtml{
	font-size: 18px;
	padding:20px;
	border-bottom:0px;
	position: relative;
	word-break:break-all;
}
.UIComfirmContentHtml:after{overflow:hidden;
	content: '';
	display: block;
	height: 1px;
	clear: both;
	background:#8b8b8b;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0;
	-webkit-transform: scale(1,0.5);
	-ms-transform: scale(1,0.5);
	transform: scale(1,0.5);
}
.UIConfirmBtns [m-role='cell']:first-child{}

/*----------UIAlert-----------*/
[m-role='UIAlert']{
	background-color:rgba(0,0,0,0.5);
}
.UIAlertContent{
	background-color:#fff;
	color:#000;
	-webkit-border-radius: 5px;
	padding: 0;
	min-width: 50%;
	max-width: 80%;

}
.UIAlertContentHtml{
	font-size: 16px;
	padding:20px;
	border-bottom: #ccc solid 1px;
	-webkit-box-pack:center;
}


/*----------UIHr-----------*/
[m-role='hr']{
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #fff;
}

[m-role='hr'] em{
	background:#f3f3f3;
	color:#8091a8
}

/*----------UISplit-----------*/
[m-role='split']{
	height:10px
}
/*----------UILine-----------*/
[m-role='line']{
	background:#ddd
}


/*----------UILoading-----------*/

[m-role='UILoading']{
	background-color:rgba(0,0,0,0);
	
}

.UILoadingContent{
	color: #fff;
	-webkit-border-radius: 5px;
	background:url(images/UILoading.gif) no-repeat center 20px rgba(0,0,0,0.7);
	background-size:32px 32px
}
[m-role='UILoading'].UILoadingMin{
	background:-webkit-gradient(linear,0% 0%, 0% 100%, from(rgba(149,164,174,0.8)),to(rgba(180,189,196,0.8)));
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
	color: #fff;
	text-shadow:  0 1px 1px rgba(0,0,0,0.5);
	-webkit-border-radius: 5px;
}
[m-role='UILoading'].UILoadingMin .UILoadingContent{
	background:url(images/UILoading.gif) no-repeat;
	background-size:16px 16px
}


/*----------UIWindow-----------*/

[m-role='UIWindow']{
	background-color:rgba(0,0,0,0.5);
	
}

.UIWindowContent{
	background-color: #fff;
	-webkit-border-radius: 10px;
	overflow:hidden;
}




/*----------UISelectField-----------*/


[m-role='UISelectField']{ 
	-webkit-border-radius: 0px;
	border:1px solid rgba(0,0,0,0)
}

[m-role='UISelectField'] select{ 
}
[m-role='UISelectField'] [m-icon='arrowdown']{
}
/*----------UISelectMenu-----------*/


[m-role='UISelectMenu']{ 
	border:1px solid rgba(0,0,0,0);

}
[m-role='UISelectMenu'] [m-icon='arrowdown']{
}

.UISelectMenuView{
}
.UISelectMenuView ul{
	padding:5px 0
}
.UISelectMenuView ul li{
	color:#fff;
	border-bottom:1px solid rgba(0,0,0,0);
}

.UISelectMenuView ul li:last-child{
}

.UISelectMenuView ul li[m-selected='yes']{
	background-color:rgba(255,255,255,0.3);
	margin:0 5px;
	-webkit-border-radius: 3px;
}
.UISelectMenuView ul li.UISelectionStyle{
	color:#000;
	background-color:rgba(255,255,255,0.5)!important;
}


.UISelectMenuView .UIScrollbarH > div,
.UISelectMenuView .UIScrollbarV > div {
	-webkit-border-radius: 10px;
	background:rgba(255,255,255,0.3)
}

/*----------UIBubble-----------*/





[m-role='UIBubble']{
	background-color:#000;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5) 
}
.UIBubbleContent{
}
[m-role='UIBubble']>[m-icon='arrowbubble']{
	height:8px;
	top:-8px;
	overflow:hidden;
	background-color:transparent;
	background-position:-120px -34px;
}
[m-role='UIBubble'].UIBubbleDown>[m-icon='arrowbubble']{
	background-position:-120px -48px;
	bottom:-8px;
}



/*----------UITextField-----------*/


[m-role='UITextField']{ 
	border:1px solid  rgba(0,0,0,0);
	background-color:transparent;
	-webkit-border-radius: 0px;
}
[m-role='UITextField'][m-align="right"]{padding-right: 0px;}
[m-role='UITextField'][m-align="right"] .UITextFieldClear{display: none !important; }
[m-role='UITextField'][m-align="center"] input{ text-align: center;}
[m-role='UITextField'][m-align="right"] input{ text-align: right;}
[m-role='UITextField'] input{
}

.UITextFieldClear{
	background-color:transparent;
}
[m-role='UITextField'][m-align='center']{
	padding-right:5px;
}

[m-role='UITextField'][m-type='search']{ 
}

/*----------UITextarea-----------*/


[m-role='UITextarea']{ 
	border:1px solid  rgba(0,0,0,0); 
	background-color:transparent;
	-webkit-border-radius: 0px;
}
[m-role='UITextarea'] textarea{
	width:98%
}

.UITextareaClear{
	background-color:transparent;
}


[m-role='UITextarea'][m-type='search']{ 
}



/*----------UIDateField-----------*/


[m-role='UIDateField']{ 
	border:1px solid  rgba(0,0,0,0); 
	background-color:transparent;
}
[m-role='UIDateField'] input{
}

.UIDateFieldHandler{
}

[m-role='UIDateField'] [m-icon='calendar']{
}

/*----------UICalendarField-----------*/



[m-role='UICalendarField'][m-display='inline'] .ios .dw-cal-day-m{
	top: auto;
	left: 1px;
	bottom: 1px;
	border: 0;
	width:auto;
	height: 20px;
	-webkit-border-radius: 0px;
	background:none;
	right: -1px;
	-webkit-box-shadow:none!important;
	box-shadow:none!important;
}

[m-role='UICalendarField'][m-display='inline'] .ios .dw-sel .dw-cal-day-m{
	background:none;
}

[m-role='UICalendarField'][m-display='inline'] .ios .dw-cal-day-m::before{
	font-size:12px;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	line-height:10px;
	content:'提醒';
	padding-top:5px;
}






/*---UICollapsible---*/
[m-role='UICollapsible']>[m-role='header']{
	background:none;
	color:#4c566c;
	text-shadow: 0 1px 0px rgba(255,255,255,1);
	-webkit-box-shadow:none;
	        box-shadow:none;
	border:1px solid rgba(0,0,0,0);
}
[m-role='UICollapsible']>[m-role='footer']{
	color:#4c566c;
	text-shadow: 0 1px 0px rgba(255,255,255,1);
}
[m-role='UICollapsible']>ul>li[m-active='yes']>[m-role='title']{
	background-color:#fff;
}

[m-role='UICollapsible']>ul>li>[m-role='title']{padding-right: 5px; padding-left: 10px;}

[m-role='UICollapsible']>ul>li>[m-role='title']>.UICollapsibleArrow{
	background-color:transparent;
}

[m-role='UICollapsible']>ul{
-webkit-border-radius: 5px;
border: 1px solid #fff;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
[m-role='UICollapsible']>ul>:last-child{ 
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom:0;

}
[m-role='UICollapsible']>ul>:first-child{ 
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}



[m-role='UICollapsible']>ul>li[m-active='yes']:first-child [m-role='title']{ 
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}


[m-role='UICollapsible']>ul>li[m-active='yes']>[m-role='content']{padding: 0; background: #f2f2f2; position: relative;}
[m-role='UICollapsible']>ul>li[m-active='yes']>[m-role='content']:before,
[m-role='UICollapsible']>ul>li[m-active='yes']>[m-role='content']:after{content: "";border-style: solid; border-width: 6px; position: absolute; top: -12px; left: 10px; border-color:transparent transparent #ddd transparent; width: 0px; height: 0px; position: absolute; overflow: hidden;}
[m-role='UICollapsible']>ul>li[m-active='yes']>[m-role='content']:before{ border-color:transparent transparent #f2f2f2 transparent; top: -11px; z-index: 1 }
[m-role='UICollapsible']>ul>li>[m-role='title']>.UICollapsibleArrow{}

[m-role='UICollapsible']>ul>li{ position: relative; border-bottom: none;}
[m-role='UICollapsible']>ul>li:after{
	position: absolute; left: 0px; right: 0px; z-index: 1;
	bottom: -1px;content: ""; height: 1px; background:#f2f2f2;-webkit-transform: scale(1,0.5);
-ms-transform: scale(1,0.5);
-o-transform: scale(1,0.5);
transform: scale(1,0.5);content: ""}
[m-role='UICollapsible']>ul>li[m-active='yes']:first-child [m-role='title']{ 
	-webkit-border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
}

[m-role='UICollapsible']>ul>li>[m-role='title']{padding-right: 5px; padding-left: 10px;}



/*----------UITableView-----------*/
[m-role='UITableView']{
}

[m-role='UITableView']>dl>dd.m-show{
}

[m-role='UITableView'].UITableViewHideItems>dl>dd{
}
[m-role='UITableView']>.UITableViewNoData{
	color:#ccc;
}
.UITableViewSectionHeader,
[m-role='UITableView']>[m-role='header']{ 
	background:#b4bdc4;
	color:#fff;
	text-shadow:none;
	border-top: 1px solid #b4bdc4;
	border-bottom: 1px solid #b4bdc4;
	-webkit-box-shadow: none;
}
.UITableViewSectionHeader{
	border-top: 0
}
[m-role='UITableView']>dl>dd{ 
	border-bottom: 0px solid #e0e0e0;
background-color:#fff;
}

[m-role='UITableView'][m-style='grouped']{
	padding:0
}
[m-role='UITableView'][m-style='grouped']>dl>dd{ 
padding-left:15px;
min-height:60px;

}
[m-role='UITableView']>dl>dd:after{ 
	overflow:hidden;
	content: '\20';
	display: block;
	height: 1px;
	clear: both;
	background:#ddd;
	position:absolute;
	top:-1px;
	left:15px;
	right:0;
	-webkit-transform: scale(1,0.5);
	-ms-transform: scale(1,0.5);
	transform: scale(1,0.5);

}

[m-role='UITableView'][m-style='grouped']>dl>dd:first-child:after{
	display:none
	
}




[m-role='UIBubble'] [m-role='UITableView'][m-style='grouped']>dl{
	border:1px solid #000
}

[m-role='UITableView'][m-style='style-2']>dl>dd{ 
	border-bottom: 1px solid #ddd;
	background:#FFF;
}
[m-role='UITableView'][m-style='style-2']>dl{ 
	-webkit-box-shadow: none;
	border-top:#ddd solid 1px;
	border-bottom:#ddd solid 1px;
}

[m-role='UITableView'][m-style='style-1']>dl>dd{
	text-shadow:0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
	-webkit-border-radius:5px;
	margin:0 10px  15px 10px;
	background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#cbecff),to(#94bce6));
	min-height:46px;
	border:1px solid #83b4e5;
	text-align:left
}

[m-role='UITableView'][m-style='style-1']{
	text-align:center
}
[m-role='UITableView'][m-style='style-1']>[m-role='header']{
	-webkit-border-radius:4px;
	margin:10px auto;
	background:rgba(0,0,0,0.2);
	padding:2px 6px;
	display:inline-block;
	font-size:12px;
	text-shadow:none;
	-webkit-box-shadow:none;
	border:none;
	color:#fff;
	font-weight:normal
}

[m-role='UITableView'][m-style='style-4']>dl>dd{
	text-shadow:0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
	-webkit-border-radius:5px;
	margin:0 10px  15px 10px;
	background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#fff9e2),to(#ffebbb));
	min-height:46px;
	border:1px solid #c1ab78;
	text-align:left;
}

[m-role='UITableView'][m-style='style-4']{
	text-align:center
}
[m-role='UITableView'][m-style='style-4']>dl>dd:last-child{
} 
[m-role='UITableView'][m-style='style-4']>[m-role='header']{
	-webkit-border-radius:4px;
	margin:10px auto;
	background:rgba(0,0,0,0.2);
	padding:2px 6px;
	display:inline-block;
	font-size:12px;
	text-shadow:none;
	-webkit-box-shadow:none;
	border:none;
	color:#fff;
	font-weight:normal
}


[m-role='UITableView'][m-style='style-3']>dl>dd{
	text-shadow:0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
	-webkit-border-radius:5px;
	margin:0 10px  15px 10px;
	background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#beee52),to(#a5cd40));
	min-height:46px;
	border:1px solid #a3d267;
	text-align:left
}

[m-role='UITableView'][m-style='style-3']{
	text-align:center
}
[m-role='UITableView'][m-style='style-3']>[m-role='header']{
	-webkit-border-radius:0px;
	margin:10px auto;
	background:rgba(0,0,0,0.2);
	padding:2px 6px;
	display:inline-block;
	font-size:12px;
	text-shadow:none;
	-webkit-box-shadow:none;
	border:none;
	color:#fff;
	font-weight:normal
}



[m-role='UISegment']>[m-role='header'],
[m-role='UITableView'][m-style='grouped']>[m-role='header']{
	background:none;
	color:#999;
	text-shadow:none;
	-webkit-box-shadow:none;
	        box-shadow:none;
	border:1px solid rgba(0,0,0,0);
	font-size:14px;
	padding-left:10px;
	font-weight:normal;
	padding-top:4px;
}
[m-role='UITableView'][m-style='grouped']>[m-role='header']{position: relative; padding-left: 15px;}
[m-role='UITableView'][m-style='grouped']>[m-role='header']:before{content: ""; width: 3px; position: absolute; left: 5px; background: #e33333; border-radius: 2px; top: 4px; bottom: 4px;}

[m-role='UITableView'][m-style='grouped']>[m-role='footer']{
	color:#8091a8;
	text-shadow: 0 1px 0px rgba(255,255,255,1);
}

[m-role='UITableView'][m-style='grouped']>dl{
	-webkit-border-radius:0px;
	border:none;
	-webkit-box-shadow:none;
	background:#fff;
}

[m-role='UITableView'][m-style='grouped']>dl{position: relative;}
[m-role='UITableView'][m-style='grouped']>dl:before,[m-role='UITableView'][m-style='grouped']>dl:after{
	position: absolute;
	content: "";
	left: 0px;right: 0px;
	height: 1px;
	background: #f2f2f2;
	-webkit-transform: scale(1,0.5);
	-ms-transform: scale(1,0.5);
	transform: scale(1,0.5);
	z-index: 1
}

[m-role='UITableView'][m-style='grouped']>dl[style='nobottom']:after{
	height: 0px;
}

[m-role='UITableView'][m-style='grouped']>dl:before{top: 0px}
[m-role='UITableView'][m-style='grouped']>dl:after{bottom: 0}





[m-role='UITableView'][m-style='grouped']>dl>dd[m-type='arrow'] a.inner-cell, [m-role='UITableView']>dl>dd[m-type='arrow'] a.inner-cell{
position:absolute;left:0;top:0;bottom:0;right:0;
padding-left:10px;
padding-right:30px;
}

[m-role='UITableView'][m-style='grouped']>dl>:last-child{ 
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom:0;

}
[m-role='UITableView'][m-style='grouped']>dl>:first-child{ 
	-webkit-border-top-right-radius:0px;
	-webkit-border-top-left-radius:0px;
}

[m-role='UITableView']>dl>dd>.UITableViewItemDeleteButton span {
	height:28px;
	width:48px;
}
[m-role='UITableView']>dl>dd[m-checked='yes']>.UITableViewCheckWrap{
	background-color:rgba(220,230,240,0.5);
}
[m-role='UITableView']>dl>dd>.UITableViewCheckWrap>.UITableViewCheck{
	background-color:transparent;
}
[m-role='UITableView']>dl>dd[m-checked='yes']>.UITableViewCheckWrap>.UITableViewCheck{
	background-color:transparent;
}
[m-role='UITableView']>dl>dd.UITableViewCheckState{
}

/*--------*/
[m-role='UITableView']>dl>dd>.UITableViewMarkWrap{
}
[m-role='UITableView']>dl>dd[m-marked='yes']>.UITableViewMarkWrap{
	background-color:rgba(255,255,255,0.1);
}
[m-role='UITableView']>dl>dd>.UITableViewMarkWrap>.UITableViewMark{
	background-color:transparent;
}
[m-role='UITableView']>dl>dd[m-marked='yes']>.UITableViewMarkWrap>.UITableViewMark{
	background-color:transparent;
}

/*--------*/
[m-role='UITableView']>dl>dd>.UITableViewArrow{
	background-color:transparent;
}
/*--------*/
[m-role='UITableView']>dl>dd>.UITableViewArrowButtonWrap{
}

[m-role='UITableView']>dl>dd>.UITableViewArrowButtonWrap .UITableViewArrowButton{
	background-color:transparent;
}
[m-role='UITableView']>dl>dd>.UITableViewArrowButtonWrap .UITableViewArrowButton{
	background-color:transparent;
}



/*----------UIGrid-----------*/
[m-role="UIGrid"]{
	background:rgba(0,0,0,0.3);
}



[m-role="UIGrid"] .UIGridHead{
	background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#95a4ae),to(#b4bdc4));
	color:#fff;
	text-shadow:0px 1px 0px rgba(0,0,0,0.4);
	border-bottom: 1px solid #98a3aa;
	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.3) inset,0px 0px 6px rgba(0,0,0,0.5);
	
}


[m-role="UIGrid"] .UIGridFixStartHead,
[m-role="UIGrid"] .UIGridFixEndHead{
	background:-webkit-gradient(linear,0% 0%, 0% 100%, from(#8c9eb3),to(#a0afc1));
	color:#fff;
	text-shadow:0px 1px 0px rgba(0,0,0,0.4);
	border-bottom: 1px solid #98a3aa;
	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.3) inset;
}
[m-role="UIGrid"] .UIGridFixStartBody,
[m-role="UIGrid"] .UIGridFixEndBody{
	-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
}
[m-role="UIGrid"] .UIGridFixStartBody td,
[m-role="UIGrid"] .UIGridFixEndBody td{
	background:#f1f3f8;
}
[m-role="UIGrid"] .UIGridFixStartBody  tr:nth-child(odd) td,
[m-role="UIGrid"] .UIGridFixEndBody  tr:nth-child(odd) td{
	background:#e3e9f2;
}


[m-role="UIGrid"] .UIGridBody tbody tr{
	background:#fff;

}[m-role="UIGrid"] .UIGridBody tbody tr:nth-child(odd){
	background:#f0f3f8;

}
.UIGridPlaceholder{ 
	color:#34404d; 
	text-shadow:0px 1px 0px rgba(255,255,255,0.5);
}
[m-role="UIGrid"] th{

}
[m-role="UIGrid"] td{

}


/*----------UISegment-----------*/
[m-role="UISegment"]>ul{
	background: #fff;
	-webkit-border-radius:3px;
	-webkit-box-shadow: none;
	border:1px solid #fff;
	height:30px;
}

[m-role="UISegment"][m-size='min']{
}
[m-role="UISegment"][m-size='min'] li{
}


[m-role="UISegment"] li {
	border-left: 1px solid #ff5656;
	/*color:#ff5656;*/
	text-shadow:none;
	font-size:14px
}
[m-role="UISegment"] li:first-child {
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
}
[m-role="UISegment"] li:last-child {
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}
[m-role="UISegment"] li[m-active='yes']{
	background: #0c96f5;
	text-shadow:none;
	color: #fff;
	-webkit-box-shadow:none;
}

[m-role="UISegment"][m-style="style-1"]>ul{
	-webkit-border-radius: 0px;
	-webkit-box-shadow:none
}
[m-role="UISegment"][m-style="style-1"] li:first-child {
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
}
[m-role="UISegment"][m-style="style-1"] li:last-child {
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
}
[m-role="UISegment"][m-style="style-2"]{margin: 0;}
[m-role="UISegment"][m-style="style-2"]>ul{
	-webkit-border-radius: 0px;
	-webkit-box-shadow:none;
	border:none;
	position: relative;
}
[m-role="UISegment"][m-style="style-2"]>ul:after{content: ""; height: 1px; background: #dddddd; position: absolute; left: 0px;right: 0px;-webkit-transform: scale(1,0.5);
-ms-transform: scale(1,0.5);
transform: scale(1,0.5);bottom: 0}
[m-role="UISegment"][m-style="style-2"] li:first-child {
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
}
[m-role="UISegment"][m-style="style-2"] li:last-child {
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
}
[m-role="UISegment"][m-style="style-2"] li{font-weight: normal; border-left: none;}
[m-role="UISegment"][m-style="style-2"] li[m-active='yes']{ background: transparent; color: #ff5656;}
[m-role="UISegment"][m-style="style-2"] li[m-active='yes']:after{background: #ff5656; height: 1px;content: ""; position: absolute; bottom: 0px; left: 20%; right: 20%;}






[m-role="UIBottomBar"]{z-index: 1399; position: fixed;}

/*----------UISegment-----------*/
[m-role="UINavigationBar"] [m-role="UISegment"] >ul{
	background: #fff;
	-webkit-border-radius:3px;
	-webkit-box-shadow: none;
	border:1px solid #FF5656;
	height:30px;
}

[m-role="UIBottomBar"] [m-role="UISegment"] li[m-active='yes'],
[m-role="UINavigationBar"] [m-role="UISegment"] li[m-active='yes'],
[m-role="UIToolBar"] [m-role="UISegment"] li[m-active='yes']{
	background: #ff5656;
	text-shadow: none;
	color: #fff;
	-webkit-box-shadow: none;
}
[m-role="UINavigationBar"] [m-role="UISegment"] li {
	color:#ff5656;
	text-shadow:none;
	font-size:14px
}


[m-role="UIToolBar"] [m-role="UISegment"],
[m-role="UIBottomBar"] [m-role="UISegment"],
[m-role="UINavigationBar"] [m-role="UISegment"]{

}

[m-role="UIToolBar"] [m-role="UISegment"][m-style="style-1"],
[m-role="UIBottomBar"] [m-role="UISegment"][m-style="style-1"]>ul,
[m-role="UINavigationBar"] [m-role="UISegment"][m-style="style-1"]>ul{
	background:none;
	-webkit-box-shadow:none;
	height:44px;
}
[m-role="UIToolBar"] [m-role="UISegment"][m-style="style-1"] li{
	-webkit-box-shadow:none;
}
[m-role="UIBottomBar"] [m-role="UISegment"][m-style="style-1"] li,
[m-role="UINavigationBar"] [m-role="UISegment"][m-style="style-1"] li{
	border-color:#5a6d85;
	color:#fff;
	text-shadow: 0 -1px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow:none;
}
[m-role="UIBottomBar"] [m-role="UISegment"][m-style="style-1"] li[m-active='yes'],
[m-role="UINavigationBar"] [m-role="UISegment"][m-style="style-1"] li[m-active='yes']{
	background: #efefef;
	text-shadow: 0 1px 0px rgba(255,255,255,1);
	color: #4b8bd8;
	-webkit-box-shadow: none;
}


[m-role="UIToolBar"] [m-role="UISegment"][m-style="style-2"],
[m-role="UIBottomBar"] [m-role="UISegment"][m-style="style-2"]>ul,
[m-role="UINavigationBar"] [m-role="UISegment"][m-style="style-2"]>ul{
	background:none;
	-webkit-box-shadow:none;
	height:49px;
	border:none;
}
[m-role="UIToolBar"] [m-role="UISegment"][m-style="style-2"] li{
	-webkit-box-shadow:none;

}
[m-role="UIBottomBar"] [m-role="UISegment"][m-style="style-2"] li,
[m-role="UINavigationBar"] [m-role="UISegment"][m-style="style-2"] li{
	color:#929292;
	text-shadow: none;
	-webkit-box-shadow:none;
		border-left:none;
	font-weight:normal;
}

[m-role="UISegment"][m-style="style-2"] li:first-child{ padding-left:0px;}

[m-role="UIBottomBar"] [m-role="UISegment"][m-style="style-2"] li[m-active='yes'],
[m-role="UINavigationBar"] [m-role="UISegment"][m-style="style-2"] li[m-active='yes']{
	background: none;
	text-shadow: none;
	color: #007aff;
	-webkit-box-shadow: none;
	padding-left:0px;
	margin-left:0px;
	left:0px;
}


[m-role="UISegment"][m-style="style-3"],
 [m-role="UISegment"][m-style="style-3"]>ul,
 [m-role="UISegment"][m-style="style-3"]>ul{
	background:none;
	-webkit-box-shadow:none;
	height:35px;
	border:none;
}
[m-role="UISegment"][m-style="style-3"] li{
	-webkit-box-shadow:none;
	border-left:none;
}

[m-role="UISegment"] [m-style="style-3"]li:first-child{ padding-left:0px;}
 [m-role="UISegment"][m-style="style-3"] li,
 [m-role="UISegment"][m-style="style-3"] li{
	color:#929292;
	text-shadow: none;
	-webkit-box-shadow:none;
	
	font-weight:normal;
}
[m-role="UISegment"][m-style="style-3"] li[m-active='yes'],
[m-role="UISegment"][m-style="style-3"] li[m-active='yes']{
	background: none;
	text-shadow: none;
	color: #007aff;
	-webkit-box-shadow: none;
	padding-left:0px;
	margin-left:0px;
	left:0px;
}

[m-role="UISegment"][m-style="style-4"] ul{ border-color: #0c96f5}
[m-role="UISegment"][m-style="style-4"] li{ color: #0c96f5; -webkit-border-radius: 0px; border-radius: 0px}
[m-role="UISegment"][m-style="style-4"] li[m-active='yes']{ color: #fff}


/*----------UILayout-----------*/



[m-style='key']{ 
	width:84px; 
	min-height:34px;
	font-weight: normal;
}

[m-style='value']{
	border-left:none;
}

/*----------UIBadge-----------*/
[m-role='UIBadge']{
	min-width: 7px;
	font-size: 14px;
	text-shadow:none;
	text-align: center;
	font-weight: bold;
	color: #fff;
	padding:0 6px;
	height: 20px;
	line-height:20px;
	position: absolute;
	top: -8px;
	right: -8px;
	-webkit-border-radius: 22px;
	        border-radius: 22px;
	border: 0px solid #fff;	
	background:#c50b0d;
	-webkit-box-shadow: 0 0px 1px rgba(0,0,0,0.5), 0 0px 1px rgba(0,0,0,0.5) inset;
}
/*----------UIButton-----------*/
[m-role='UIButton']{
	-webkit-border-radius:5px;
	text-shadow:none;
	-webkit-box-shadow: 0 0px 1px rgba(0,0,0,0.4);
	background:#fff;
	font-size:18px
}



[m-role='UIButton'][m-state='disabled']{
	opacity:0.5
}
[m-role='UIButton'][m-size='min']{
	height:40px;
	-webkit-border-radius:4px;
	min-width:50px
}
[m-role='UIButton'][m-size='micro']{
	height:20px;
	-webkit-border-radius:4px;
	min-width:40px;
	font-size: 12px;
	margin: 0;
}
[m-role='UIButton'][m-style]{
	text-shadow: none;
	-webkit-box-shadow:none;
}
[m-role='UIButton'][m-style="none"]{ background: transparent; -webkit-border-radius: 0px; border-radius: 0px;}
[m-role='UIButton'][m-style="style-none"]{ height: 44px;color: #1077ee; font-size: 16px; font-weight: normal; position: relative;}
[m-role='UIButton'][m-style="style-none"].UIComfirmSubmit:after{ content: ""; right: 0px; height: 100%; width: 1px; background: #8b8b8b; position: absolute; top: 0;-webkit-transform: scale(0.5,1);
-ms-transform: scale(0.5,1);
transform: scale(0.5,1);}
[m-role='UIButton'][m-style='style-2']{
	background:#ff5656;
	color:#fff;
	border:1px solid  #ff5656;
}
[m-role='UIButton'][m-style='style-4']{
	background:#ffc000;
	color:#fff;
	border:1px solid transparent;
}


[m-role='UIButton'][m-style='style-11']{ 
	background:transparent; border:1px solid #ff5656;color: #ff5656}
[m-role='UIButton'][m-style="style-7-gray"]{ border:1px solid #999999; background: transparent; color: #666}
[m-role='UIButton'][m-style='style-1']{ background: transparent; border:1px solid #e0463c; color:#e0463c;}
[m-role='UIButton'][m-style='style-3']{ background:#ededed; color: #666666; border:1px solid #ededed}
[m-role='UIButton'][m-style='style-5']{ background:#f8f8f8; border:1px solid #cccccc;color: #999999}
[m-role='UIButton'][m-style='style-6']{ background:#ff5656; border:1px solid #ff5656;color: #fff}
[m-role='UIButton'][m-style='style-7'],[m-role='UIButton'][m-style='style-8']{ 
	margin:0px;padding:0px;background:transparent; border:1px solid #ff5656;color: #ff5656}
[m-role='UIButton'][m-style='style-8']{ background:#fff;}
[m-role='UIButton'][m-style='style-9']{ background:#fff; border:1px solid #ccc; color:#999}
[m-role='UIButton'][m-style='style-10']{ background:#fff; border:1px solid #ccc; color:#666}
[m-role='UIButton'][m-disabled="true"]{ background: #dadada; border: 1px solid #cccccc; color: #fff; opacity: 1}
[m-role='UIButton'][m-disabled="true"].UISelectionStyle{ opacity:1}
[m-role='UIButton'][m-style='alert']{
	background:transparent;
	color:#4b4b4b;	
	-webkit-box-shadow:none;
	-webkit-border-radius:0;
	margin:0;
	padding: 5px;
	color: #f14042;
	font-size: 18px;
}

[m-role='UIButton'][m-style='confirm']{
	background:transparent;
	-webkit-box-shadow:none;
	-webkit-border-radius:0;
	margin:0;
	padding: 5px;
	font-size: 18px;
}

.UIComfirmSubmit {
	color: #f14042;
}
.UIComfirmCancel {
	color: #666;
}
[m-role='UINavigationBar'] [m-role='UIButton']{
	-webkit-box-shadow: none;
	background:none;
	 height:43px;
	 border:none;
	 -webkit-border-radius:0;
	         border-radius:0;
	 margin:0;
	 font-weight:normal;
	 font-size:14px
}

[m-role='UIButton'][m-style='back']{
	-webkit-background-size:26px 22px;
	        background-size:26px 22px;
	line-height:299px;
	overflow:hidden
}


/*----------UIKeyboard-----------*/



[m-role='UITextField'].UIKeyboardOn{
	background-color:transparent;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3) inset;
}


/*----------UIRadio-----------*/


[m-role='UIRadio']{
	background-size:300px 60px;
	background-color:transparent;
	background-position: -238px -30px;
}

[m-role='UIRadio'][m-checked='yes']{
	background-color:transparent;
	background-position: -208px -30px;
}

[m-role="UIRadio"][m-style="style-1"]{
	background: transparent;
	width: auto;
	height: auto;
	padding:5px 15px;
	border:#ccc solid 1px;
	color: #ccc;
	border-radius: 5px;
	position: relative;
	line-height : normal;
	overflow: hidden;
	
}
[m-role="UIRadio"][m-style="style-1"][m-checked="yes"] {
	border:#ff5656 solid 1px;
	color: #ff5656;
}
[m-role="UIRadio"][m-style="style-1"]:before{ position: absolute; z-index: 2; right: -3px ;bottom:-4px; width: 16px; height: 16px;
	background-size: 100%; content: ""; display: none;}
[m-role="UIRadio"][m-style="style-1"]:after{ position: absolute; z-index: 1; right: 0px ;bottom:0px; width: 0px; height: 0px; border: 8px solid transparent;border-bottom-color:#ff5656;border-right-color:#ff5656;content: ""; display: none; }
[m-role="UIRadio"][m-style="style-1"][m-checked="yes"]:before,
[m-role="UIRadio"][m-style="style-1"][m-checked="yes"]:after{
	display: block;
}


/*----------UICheckBox-----------*/


[m-role='UICheckBox']{
	-webkit-background-size:300px 60px;
	        background-size:300px 60px;
	background-color:transparent;
	background-position: -179px -30px;
	vertical-align: middle;
}

[m-role='UICheckBox'][m-checked='yes']{
	background-color:transparent;
	background-position: -151px -30px;
}


/*----------UINavigationBar-----------*/

[m-role='UINavigationBar'] .UINavigationBarRoom,
[m-role='UINavigationBar']{
	background:#f1f1f1;
}

[m-role='UINavigationBar'][style='bb'] .UINavigationBarRoom,
[m-role='UINavigationBar']{
	background:#e6e6e6;
}

[m-role='UINavigationBar'] .UINavigationBarRoom{
	position: fixed;
	border-bottom:1px solid rgba(0,0,0,0);
	-webkit-box-shadow:none;
	
}
[m-role='UINavigationBar'] .UINavigationBarRoom:after{ height: 1px;background: rgba(0,0,0,0.2);-webkit-transform: scale(1,0.5);
-ms-transform: scale(1,0.5);
transform: scale(1,0.5); content: ""; position: absolute; bottom: -1px; left: 0px;right: 0;display: none;}


[m-role='UINavigationBar'] .UINavigationBarRoom>[m-role='title']{ 
	color:#333;
	text-shadow:none;
	font-weight:normal;
}
[m-role='UINavigationBar'] .UINavigationBarRoom>[m-role='right']{color: #ff5555; min-width: 50px;}
[m-role='UINavigationBar'] .UINavigationBarRoom>[m-role='left'] {
	min-width: 50px;
}

/*----------UIBottomBar-----------*/

[m-role='UIBottomBar']{ height:50px;}
[m-role='UIBottomBar'] .UIBottomBarRoom{ 
	background:#f8f8f8;
}
[m-role='UIBottomBar'] .UIBottomBarRoom{ 
	border-top:none;
	height:49px;
}
[m-role='UIBottomBar'] .UIBottomBarRoom:after{height: 1px;background: rgba(0,0,0,0.2);-webkit-transform: scale(1,0.5);
-ms-transform: scale(1,0.5);
transform: scale(1,0.5); content: ""; position: absolute; top: -1px; left: 0px;right: 0}

[m-role='UIBottomBar'] .UIBottomBarRoom>[m-role='title']{ 
	color:#fff;text-shadow:0 -1px 0px rgba(0,0,0,0.5);
}

[m-role='UIBottomBar'][m-style="style-1"] .UIBottomBarRoom{ background:#fff}

/*----------UIToolBar-----------*/


[m-role='UIToolBar'],[m-role='UIToolBar'] .UIToolBarRoom{
	background:#efefef;
}
[m-role='UIToolBar'] .UIToolBarRoom{ 
	border-bottom:1px solid #ccc;
}


[m-role='UIToolBar']  [m-role='UICalendarField'],
[m-role='UIToolBar']  [m-role='UISelectField'],
[m-role='UIToolBar']  [m-role='UIDateField'],
[m-role='UIToolBar']  [m-role='UITextField']{ 
	border:1px solid #8b9cae;
	-webkit-border-radius: 18px;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3) inset,0 1px 0 rgba(255,255,255,0.2);
	background:#fff;
}


/*----------UITip-----------*/
[m-role="UITip"]{
	background-color:#FFD758;
	color:#C71420;
	height:30px;
}
/*----------UISearchBar-----------*/

[m-role='UISearchBar'],[m-role='UISearchBar'] .UISearchBarRoom{
	background:#e6e6e6;
}
[m-role='UISearchBar'] .UISearchBarRoom{ 
	border-bottom:1px solid #81929f;
}

.UISearchBarMask{
	background-color:white;
	
}
[m-result]{
	background-color:#fff;
}
.UIFilterKeyColor{
	color:#C00;
}


[m-role='UISearchBar']  [m-role='UICalendarField'],
[m-role='UISearchBar']  [m-role='UISelectField'],
[m-role='UISearchBar']  [m-role='UIDateField'],
[m-role='UISearchBar']  [m-role='UITextField']{ 
	border:1px solid #e6e6e6;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0px 1px rgba(0,0,0,0.3) inset,0 1px 0 rgba(255,255,255,0.2);
	background:#fff;
}


/*----------UISwitch-----------*/

[m-role='UISwitch']{
	-webkit-border-radius: 15px;
	background:#cccccc;
	-webkit-box-shadow:none;
	overflow:hidden;
	height:29px;
	min-width:61px;
	width:auto;
}


.UISwitchOn{
	-webkit-border-radius: 15px;
	background:#77d572;
	-webkit-box-shadow:none
}

.UISwitchOn span{
	color:#fff;
	text-shadow: 0 -1px 0px rgba(0,0,0,0.3);
	font-weight: bold;
}
.UISwitchOff span{
	color: #fff;
	text-shadow:none;
	padding-left:20px;
}


.UISwitchButton{
	width:27px;
	top:1px;
	left:1px;
	bottom:1px;
	background:#fff;
	-webkit-border-radius: 13px;
	-webkit-box-shadow: 0px 0px 2px rgba(255,255,255,1) inset,0px 0px 1px rgba(0,0,0,0.2),0px 0px 1px rgba(0,0,0,0.2),0px 0px 1px rgba(0,0,0,0.2);
}


/*----------UISelectionStyle-----------*/


.UISelectionStyle [placeholder]::-webkit-input-placeholder{ }

[m-role='UITableView'] .UISelectionStyle:not([m-role='UIButton']){
	background:#efefef!important;
}
[m-role='UITableView']  .UISelectionStyle:not(dd){
	-webkit-border-radius: 0px;
}


[m-role='UITableView'] .UISelectionStyle:not([m-role='UIButton']),[m-role='UITableView'] .UISelectionStyle:not([m-role='UIButton']) *{
	
	text-shadow:none!important
}

[m-role='UITextField'].UISelectionStyle,
[m-role='UIDateField'].UISelectionStyle,
[m-role='UICalendarField'].UISelectionStyle,
[m-role='UISelectField'].UISelectionStyle{
	background:#ccc!important;
	color:#333!important;
	text-shadow:none!important;
	-webkit-box-shadow:0 0px 1px rgba(0,0,0,0.5)!important;
}
[m-role='UIButton'].UISelectionStyle{

}


/*----------UIIcon-----------*/
[m-icon]{
	background-color:transparent;
	-webkit-background-size:300px 60px;
	        background-size:300px 60px;
}
[m-role="UINavigationBarRoom"] [m-icon],
[m-role="UIBottomBarRoom"] [m-icon],
.UISelectionStyle [m-icon],
[m-icon].UISelectionStyle{

}

[m-icon][m-size='min']{
}

[m-icon][m-size='min']{
}
[m-icon='loading']{
	background:url(images/UILoading.gif) no-repeat;
	-webkit-background-size:16px 16px;
	        background-size:16px 16px;
	background-color:transparent;
	width:16px;
	height:16px;
	margin:0 4px -2px 0;
	
}




/*----------UIScrollView-----------*/




.UIScrollbarH > div,
.UIScrollbarV > div {
	-webkit-border-radius: 10px;
}


/*----------UIStep-----------*/

[m-role='UIStep']>ul {
	/*background:-webkit-gradient(linear, left top, left bottom, from(#d6dde2), to(#acb7c0));*/
	background:transparent
	/*box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);*/
}
[m-role='UIStep']>ul li {
	text-shadow: 0 -1px 0px rgba(255, 255, 255, 0.4);
	color:#666;
	border-bottom:none;
	-webkit-box-align:start;
	padding-left:0px
}
[m-role='UIStep']>ul li:last-child:before{ display:block;}
[m-role='UIStep']>ul li em {
	text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.4);
	color:#fff;
	background:#bebebe;
	-webkit-border-radius:30px;
	        border-radius:30px;
	top:70%;
	left:50%;
	margin:-10px 0 0 -10px;
	position:absolute;
	z-index:10
}
 [m-role='UIStep']>ul li:after, [m-role='UIStep']>ul li:before {
	background:-webkit-gradient(linear, left top, left bottom, from(#d6dde2), to(#acb7c0));
}
 [m-role='UIStep']>ul li:after{ display:none}
[m-role='UIStep']>ul li[m-active='yes'] {
	color:#ef8800;
	/*text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.4);*/
	border-bottom:none
}
[m-role='UIStep']>ul li[m-active='yes']:before{ background:#ef8800}
[m-role='UIStep']>ul li[m-active='yes'] em {
	background:#ef8800;
	color:#fff
	/*box-shadow:0 -1px 1px rgba(0, 0, 0, 0.5) inset;*/
	
}
[m-role='UIStep']>ul li[m-active='yes'], [m-role='UIStep']>ul li[m-active='yes']:after {
	background:transparent;}
[m-role='UIStep']>ul li:before {
	background: #bebebe;
	width:100%;
	height:2px; 
	overflow:hidden;
	position:absolute;
	top:70%;
	margin-top:-1px;
	right:auto;
	-webkit-mask:none
}
